<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-title" content=""/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta content="telephone=no" name="format-detection"/>
    <meta name="full-screen" content="yes"/>
    <meta name="x5-fullscreen" content="true"/>
    <title>年终排行活动</title>
    <script type="text/javascript">
        function adapt(designWidth, rem2px) {
            var d = window.document.createElement('div');
            d.style.width = '1rem';
            d.style.display = "none";
            var head = window.document.getElementsByTagName('head')[0];
            head.appendChild(d);
            var defaultFontSize = parseFloat(window.getComputedStyle(d, null).getPropertyValue('width'));
            return defaultFontSize
        };
        !(function (doc, win, designWidth, rem2px) {
            var docEl = doc.documentElement,
                defaultFontSize = adapt(designWidth, rem2px),
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    var clientWidth = win.innerWidth
                        || doc.documentElement.clientWidth
                        || doc.body.clientWidth;

                    if (!clientWidth) return;
                    if (clientWidth < 750) {
                        docEl.style.fontSize = clientWidth / designWidth * rem2px / defaultFontSize * 100 + '%';

                    } else {
                        docEl.style.fontSize = '625%';
                    }
                };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);

        })(document, window, 750, 100);
    </script>
    <script src="./js/base.js"></script>
    <script src="./js/crypt.js"></script>
    <link rel="stylesheet" type="text/css" href="./css/swiper-3.4.2.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/base.css"/>
    <link rel="stylesheet" type="text/css" href="./css/index.css"/>
    <style>

    </style>
</head>

<body>
<div class="main">
    <div class="header">
        <div class="top_tab_button"></div>
        <div class="activity_time">
            2021年1月15-2021年1月30
        </div>
    </div>
    <div class="activity_title">活动奖励</div>
    <div class="activity_award_box">
        <div class="activity_award_list">
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/zs.png"></div>
                <div class="award_name">大量钻石</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/gftjw.png"></div>
                <div class="award_name">官方推荐位</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/dlzc.png"></div>
                <div class="award_name">大量紫锤</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/iphone12.png"></div>
                <div class="award_name">苹果12</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/Iwatch6.png"></div>
                <div class="award_name">苹果6手表</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/zysk.png"></div>
                <div class="award_name">声卡</div>
            </div>
            <div class="award_list_box">
                <div class="award_img"><img src="image/award/zsjb.png"></div>
                <div class="award_name">专属奖杯</div>
            </div>
            <div class="award_list_box more">
                <div class="award_img"><img src="image/award/ckgd.png"></div>
                <div class="award_name">查看更多</div>
            </div>

        </div>
        <div class="activity_award_box_bottom"></div>
    </div>
    <div class="time_step_box">
        <hr class="time_step_list_line_one"/>
        <hr class="time_step_list_line_two"/>
        <div class="time_step_list_box">
            <div class="time_step_list time_step_0 ">
                <div class="tine_step_name">
                    N进12
                </div>
                <div class="tine_step_mark time_step_img">
                </div>
                <div class="tine_step_time">
                    01.15-01.19
                </div>
            </div>
            <div class="time_step_list time_step_1">
                <div class="tine_step_name">
                    12进8
                </div>
                <div class="tine_step_mark time_step_img">
                </div>
                <div class="tine_step_time">
                    01.21-01.23
                </div>
            </div>
            <div class="time_step_list time_step_2">
                <div class="tine_step_name">
                    8进4
                </div>
                <div class="tine_step_mark time_step_img">
                </div>
                <div class="tine_step_time">
                    01.25-01.27
                </div>
            </div>
            <div class="time_step_list time_step_3">
                <div class="tine_step_name">
                    决赛
                </div>
                <div class="tine_step_mark_last time_step_img">
                </div>
                <div class="tine_step_time">
                    01.29-01.30
                </div>
            </div>

        </div>
    </div>
    <div class="position_top_tab">
        <ul class="position_tab">
            <li id="tab_1" class="position_show_tab active">娱乐红人</li>
            <li id="tab_2" class="position_show_tab">群星荟萃</li>
            <li id="tab_3" class="position_show_tab">巅峰团队</li>
            <li id="tab_4" class="position_show_tab">奖励规则</li>
        </ul>
        <div class="position_bottom_background"></div>
    </div>
    <div class="rank_main_show">
        <div id="box_1" class="activity_title position_title">红人王</div>
        <div class="rank_show_box rank_box_1">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/second.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/first.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/third.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_advanced_mark"></div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">音浪</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img"
                                     src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                        <span class="my_user_info_score"></span>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_1">

        </div>
        <div class="bottom_text">对单人送的礼物钻石大于100时,每100钻石约返1音浪,
            送的越多返的越多!
        </div>

        <div id="box_2" class="activity_title position_title">优秀主播</div>
        <div class="rank_show_box rank_box_2">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/second.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/first.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/third.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">音浪</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img"
                                     src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                        <span class="my_user_info_score">0</span>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_2">

        </div>
        <div class="bottom_text">对单人送的礼物钻石大于100时,每100钻石约返1音浪,
            送的越多返的越多!
        </div>

        <div id="box_4" class="activity_title position_title">窝神</div>
        <div class="rank_show_box rank_box_4">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/second.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/first.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/third.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">音浪</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img"
                                     src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                        <span class="my_user_info_score"></span>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_4">

        </div>
        <div class="bottom_text">对单人送的礼物钻石大于100时,每100钻石约返1音浪,
            送的越多返的越多!
        </div>

        <div id="box_6" class="activity_title position_title">神豪</div>
        <div class="rank_show_box rank_box_6">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/second.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/first.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/third.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">音浪</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img"
                                     src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                        <span class="my_user_info_score"></span>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_6">

        </div>

        <div id="box_7" class="activity_title position_title">神雕侠侣</div>
        <div class="rank_show_box rank_box_7">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_rang_intimacy">
                        <img src="./image/intimacyTopTwo.png"/>
                    </div>
                    <div class="rank_top_image_intimacy intimacy_top_second">
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;right: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_send_user send_user_img" src=""/>
                            <img class="intimacy_send_user" src="./image/two_circles_intimacy.png"/>
                        </div>
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;left: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_from_user from_user_img" src=""/>
                            <img class="intimacy_from_user" src="./image/two_circles_intimacy.png"/>
                        </div>
                        <img class="intimacy_num" src="./image/intimacy_two.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name intimacy_top_name send_user_name">

                        </div>
                        <div class="rank_top_name intimacy_top_name and_class">
                            与
                        </div>
                        <div class="rank_top_name intimacy_top_name to_user_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_rang_intimacy">
                        <img src="./image/intimacyTopOne.png"/>
                    </div>
                    <div class="rank_top_image_intimacy">
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;right: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_send_user send_user_img" src=""/>
                            <img class="intimacy_send_user" src="./image/one_circles_intimacy.png"/>
                        </div>
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;left: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_from_user from_user_img" src=""/>
                            <img class="intimacy_from_user" src="./image/one_circles_intimacy.png"/>
                        </div>
                        <img class="intimacy_num" src="./image/intimacy_one.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name intimacy_top_name send_user_name">

                        </div>
                        <div class="rank_top_name intimacy_top_name and_class">
                            与
                        </div>
                        <div class="rank_top_name intimacy_top_name to_user_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_rang_intimacy">
                        <img src="./image/intimacyTopThree.png"/>
                    </div>
                    <div class="rank_top_image_intimacy intimacy_top_three">
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;right: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_send_user send_user_img" src=""/>
                            <img class="intimacy_send_user" src="./image/third_circles_intimacy.png"/>
                        </div>
                        <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position: absolute;left: 0rem;width: 1.2rem;height: 1.2rem;">
                            <img class="intimacy_from_user from_user_img" src=""/>
                            <img class="intimacy_from_user" src="./image/third_circles_intimacy.png"/>
                        </div>
                        <img class="intimacy_num" src="./image/intimacy_three.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name intimacy_top_name send_user_name">

                        </div>
                        <div class="rank_top_name intimacy_top_name and_class">
                            与
                        </div>
                        <div class="rank_top_name intimacy_top_name to_user_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">亲密值</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="intimacy_rank_img_box intimacy_my my_user_info_show_img my_intimacy_user_info_show_img">
                                <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position:absolute;width: 1.09rem;height: 1.09rem;left: 0.6rem;">
                                    <img class="user_rang_img intimacy_rank_my_user my_intimacy_user_send_img" src="">
                                    <img class="user_rang_img intimacy_rank_my_user" src="image/user_rang.png">
                                </div>
                                <div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position:absolute;width: 1.09rem;height: 1.09rem;">
                                    <img class="user_info_img intimacy_rank_from_user my_user_info_img" src="">
                                    <img class="user_rang_img intimacy_rank_from_user" src="image/user_rang.png">
                                </div>
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level" style="padding-left:0.4rem">
                                未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type my_user_info_score"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_7">
        </div>

        <div id="box_8" class="activity_title position_title">聚贤庄庄主</div>
        <div class="rank_show_box rank_box_8">
            <div class="rank_top_box">
                <div class="rank_top_second">
                    <div class="rank_top_tower">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/second.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_first">
                    <div class="rank_top_tower tower_first">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/first.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
                <div class="rank_top_three">
                    <div class="rank_top_tower tower_third">
                        <img src="./image/top_tower.png"/>
                    </div>
                    <div class="rank_top_image">
                        <img src=""/>
                    </div>
                    <div class="rank_rang">
                        <img src="./image/third.png"/>
                    </div>
                    <div class="rank_text_box">
                        <div class="rank_top_name">

                        </div>
                        <div class="rank_top_score">

                        </div>
                    </div>
                </div>
            </div>
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">主播昵称</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">粉丝值</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img" src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                        <span class="my_user_info_score"></span>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>
        <div class="rank_page_box rank_page_box_8">

        </div>

        <div id="box_10" class="activity_title position_title">红人工会</div>
        <div class="rank_show_box union_top_box union_top_one">
            <div class="union_top_list">
                <div class="union_top_title_show">
                    <div class="union_top_list_box">
                        <div class="union_top_title_show">
                            <div class="union_top_title_show_img">
                                <img src="image/number_one.png"/>
                                <span class="union_top_number" style="color:#FFCB54;">NO.1</span>
                            </div>
                        </div>
                        <div class="union_top_name_score_show">
                            <div class="union_top_name">

                            </div>
                            <div class="union_top_score_box">
                                音浪
                                <span class="union_top_score"></span>
                            </div>
                        </div>
                        <div class="union_top_user_list">
                            <!--<div class="union_top_user_list_box">-->
                            <!--<div class="list_line_img" style="width: 3.22rem;">-->
                            <!--<div style="display: flex;align-items: center;overflow: hidden; height: 1.09rem;width: 1.09rem;border-radius: 0.6rem;">-->
                            <!--<img class="union_user_info_img" src="image/6.jpg">-->
                            <!--<img class="union_user_rang_img"-->
                            <!--onclick="jumpExchangeById('+item.user_info.user_id+')"-->
                            <!--src="image/user_rang.png">-->
                            <!--</div>-->
                            <!--<div class="list_line_info" style="padding-left: 1.3rem;width: 1.85rem;"><p>-->
                            <!--应该叫什么方法法师法师法</p></div>-->
                            <!--</div>-->
                            <!--</div>-->
                        </div>
                    </div>
                </div>
            </div>
            <div class="activity_award_box_bottom"
                 style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
        </div>
        <div class="rank_show_box union_top_box union_top_two">
            <div class="union_top_list">
                <div class="union_top_title_show">
                    <div class="union_top_list_box">
                        <div class="union_top_title_show">
                            <div class="union_top_title_show_img">
                                <img src="image/number_two.png"/>
                                <span class="union_top_number" style="color:#C6CDF4">NO.2</span>
                            </div>
                        </div>
                        <div class="union_top_name_score_show">
                            <div class="union_top_name">

                            </div>
                            <div class="union_top_score_box">
                                音浪
                                <span class="union_top_score"></span>
                            </div>
                        </div>
                        <div class="union_top_user_list">
                        </div>
                    </div>
                </div>
            </div>
            <div class="activity_award_box_bottom"
                 style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
        </div>
        <div class="rank_show_box union_top_box union_top_third">
            <div class="union_top_list">
                <div class="union_top_title_show">
                    <div class="union_top_list_box">
                        <div class="union_top_title_show">
                            <div class="union_top_title_show_img">
                                <img src="image/number_third.png"/>
                                <span class="union_top_number" style="color:#ECC2A7">NO.3</span>
                            </div>
                        </div>
                        <div class="union_top_name_score_show">
                            <div class="union_top_name">

                            </div>
                            <div class="union_top_score_box">
                                音浪
                                <span class="union_top_score"></span>
                            </div>
                        </div>
                        <div class="union_top_user_list">

                        </div>
                    </div>
                </div>
            </div>
            <div class="activity_award_box_bottom"
                 style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
        </div>

        <div class="rank_show_box rank_box_10">
            <div class="rank_main_rank_show">
                <div class="rank_title_head">
                    <div class="rank_title_head_list rank_title_head_id">排名</div>
                    <div class="rank_title_head_list rank_title_head_name">工会</div>
                    <div class="rank_title_head_list rank_title_head_sound_type">音浪</div>
                </div>
                <div class="rank_list_text">

                </div>
                <div class="my_rank_list_text">
                    <div class="rank_text_list rank_title_head_name" style="margin-top: 0.2rem">
                        <div class="list_line_img">
                            <div class="my_user_info_show_img">
                                <img class="my_user_info_img" src="">
                                <img class="my_user_rang_img" src="image/user_rang.png">
                            </div>
                            <div class="list_line_info"><p class="my_user_info_level">未上榜</p></div>
                        </div>
                    </div>
                    <div class="rank_text_list rank_title_head_sound_type my_user_info_score"
                         style="height: 1rem;margin-top: 0.6rem;float: right;margin-right: 0.1rem">
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
        </div>

        <div class="rank_page_box rank_page_box_10">

        </div>

        <div class="footer"><span class="more">去查看奖励</span></div>

    </div>
    <div class="rank_award_show">
        <div class="swiper-container rank_swiper_container">
            <div class="swiper-wrapper ">
                <div class="swiper-slide">红人王</div>
                <div class="swiper-slide">优秀主播</div>
                <div class="swiper-slide">窝神</div>
                <div class="swiper-slide">神豪</div>
                <div class="swiper-slide">神雕侠侣</div>
                <div class="swiper-slide">聚贤庄</div>
                <div class="swiper-slide">红人工会</div>
            </div>
        </div>

        <div id="slide_1" class="slide_show slide_1" style="display: block;">
            <div class="activity_title position_title_slide_1">红人王</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人王勋章</p>
                            <p>×365天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人王头像框</p>
                            <p>×365天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人王气泡</p>
                            <p>×365天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人王主页飘</p>
                            <p>×365天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×300000钻</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zslh.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专属靓号</p>
                            <p>永久</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/iphone12Pro.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果12Pro</p>
                            <p>×1台</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×40个</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/grtjw.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专属个人推荐位</p>
                            <p>×30天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/qftx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>开播全服提醒</p>
                            <p>×15次</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrxxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人相勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人相头像框</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrxqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人相气泡</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrxzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人相主页飘</p>
                            <p>×365天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×150000钻</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zslh.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专属靓号</p>
                            <p>永久</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/kbqftx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>开播全服提醒</p>
                            <p>×8次</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×20个</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/grtjw.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专属个人推荐位</p>
                            <p>×15天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Ipad.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>Ipad</p>
                            <p>×1件</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrdyxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人大员勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrdxtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人大员头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrdxqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人大员气泡</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrdyzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人大员主页飘</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×88800钻</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Ipad.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>Ipad</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/grtjw.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专属个人推荐位</p>
                            <p>×15天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×10个</p>
                        </div>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛共四个阶段,N进12/12进8/8进4/决赛</p>
                    <p>2.比赛期间根据已签约主播在娱乐厅内获得的音浪进行排行,用户可通过送礼物时获得随机产出不等数额音浪,可再次选择心仪主播赠送</p>
                    <p>3.每轮比赛结束后休整一天进入下一个阶段,下一个阶段开始后前一阶段累计获得音浪消减80%,且休整期获得音浪不计入排名,请谨慎送出;</p>
                    <p>4.同一个公会最多可选择三个有效排行领取奖励</p>
                    <p>5.若出现最终排行相同音浪则按照达成时间先后排名</p>
                    <p>6.比赛期间每日厅流水达到5000元/10000元时,厅内麦上用户获得排名音浪值翻倍额外增加0.5倍/1倍</p>
                    <p>7.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>8.排行每5分钟刷新一次排名,请及时查看</p>
                    <p>9.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>10.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_2" class="slide_show slide_2">
            <div class="activity_title position_title_slide_1">优秀主播</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/yxzbxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>优秀主播勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xetxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿头像框</p>
                            <p>×360天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xeqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿气泡</p>
                            <p>×180天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xezyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿主页飘</p>
                            <p>×360天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×88800钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/fjtjjq.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>房间推荐加权</p>
                            <p>×30天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/kbqftx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>开播全服提醒</p>
                            <p>×15次</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/zysk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专业声卡</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zyht.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专业话筒</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/yxzbxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>优秀主播勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xetxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xeqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿气泡</p>
                            <p>×90天</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                    <!--<div class="slide_1_first_list_img_box">-->
                    <!--<img src="./image/award/xezyp.png">-->
                    <!--</div>-->
                    <!--<div class="slide_1_first_list_name">-->
                    <!--<p>秀儿主页飘</p>-->
                    <!--<p>×360天</p>-->
                    <!--</div>-->
                    <!--</div>-->
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/kbqftx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>开播全服提醒</p>
                            <p>×15次</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×38800钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/fjtjjq.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>房间推荐加权</p>
                            <p>×15天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/zysk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>专业声卡</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/yxzbxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>优秀主播勋章</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xetxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿头像框</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xeqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>秀儿气泡</p>
                            <p>×60天</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                    <!--<div class="slide_1_first_list_img_box">-->
                    <!--<img src="./image/award/xezyp.png">-->
                    <!--</div>-->
                    <!--<div class="slide_1_first_list_name">-->
                    <!--<p>秀儿主页飘</p>-->
                    <!--<p>×360天</p>-->
                    <!--</div>-->
                    <!--</div>-->

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/xatxyx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小米取暖器</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/fjtjjq.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>房间推荐加权</p>
                            <p>×15天</p>
                        </div>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛共四个阶段,N进12/12进8/8进4/决赛</p>
                    <p>2.比赛期间根据已签约主播在电台内获得的音量数量进行排行,用户可通过送礼物时获得随机产出不等数额音浪,可再次选择心仪主播赠送</p>
                    <p>3.同一个公会最多可选择三个有效排行领取奖励</p>
                    <p>4.若出现最终排行相同音浪则按照达成时间先后排名</p>
                    <p>5.比赛期间每日厅流水达到5000元/10000元时,厅内麦上用户获得排名音浪值翻倍额外增加0.5倍/1倍</p>
                    <p>6.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>7.排行每5分钟刷新一次,请及时查看</p>
                    <p>8.每轮比赛结束后休整一天进入下一个阶段,下一个阶段开始后前一阶段累计获得音浪消减80%,且休整期获得音浪不计入排名,请谨慎送出;</p>
                    <p>9.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>10.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_3" class="slide_show slide_3">
            <div class="activity_title position_title_slide_1">窝神</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwzsxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝专属勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝头像框</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝气泡</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×58800钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwzd.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝置顶</p>
                            <p>×30天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/lrsf.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>懒人沙发</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/lrdj.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>甩脂机</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                    <!--<div class="slide_1_first_list_img_box">-->
                    <!--<img src="./image/award/zdc.png">-->
                    <!--</div>-->
                    <!--<div class="slide_1_first_list_name">-->
                    <!--<p>小窝座驾</p>-->
                    <!--<p>×180天</p>-->
                    <!--</div>-->
                    <!--</div>-->
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwzsxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝专属勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝气泡</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×28800钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝置顶</p>
                            <p>×15天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/lrsf.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>懒人沙发</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/lrdj.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>甩脂机</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                    <!--<div class="slide_1_first_list_img_box">-->
                    <!--<img src="./image/award/zdc.png">-->
                    <!--</div>-->
                    <!--<div class="slide_1_first_list_name">-->
                    <!--<p>小窝座驾</p>-->
                    <!--<p>×90天</p>-->
                    <!--</div>-->
                    <!--</div>-->
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwzsxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝专属勋章</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/xwtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝头像框</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝气泡</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×18800钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>小窝置顶</p>
                            <p>×8天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/lrdj.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>甩脂机</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                    <!--<div class="slide_1_first_list_img_box">-->
                    <!--<img src="./image/award/zdc.png">-->
                    <!--</div>-->
                    <!--<div class="slide_1_first_list_name">-->
                    <!--<p>小窝座驾</p>-->
                    <!--<p>×60天</p>-->
                    <!--</div>-->
                    <!--</div>-->
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛共四个阶段,N进12/12进8/8进4/决赛</p>
                    <p>2.比赛期间根据小窝内个人音浪进行排行,用户可通过送礼物时获得随机产出不等数额音浪,可再次选择心仪主播赠送</p>
                    <p>3.每轮比赛结束后休整一天进入下一个阶段,下一个阶段开始后前一阶段累计获得音浪消减80%,且休整期获得音浪不计入排名,请谨慎送出;</p>
                    <p>4.同一个公会最多可选择三个有效排行领取奖励</p>
                    <p>5.若出现最终排行相同音浪则按照达成时间先后排名</p>
                    <p>6.比赛期间每日厅流水达到5000/10000元时,厅内麦上用户获得排名音浪值翻倍额外增加0.5倍/1倍</p>
                    <p>7.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>8.排行每5分钟刷新一次,请及时查看</p>
                    <p>9.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>10.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_4" class="slide_show slide_4">
            <div class="activity_title position_title_slide_1">神豪</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪专属勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪头像框</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪主页飘</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪座驾</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zslh.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>靓号</p>
                            <p>永久</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/dzlw.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>冠名礼物</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="image/award/iphone12Pro.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果12pro手机</p>
                            <p>×1台</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Iwatch6.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果6手表</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪专属勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪主页飘</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪座驾</p>
                            <p>×90天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Iwatch6.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果6手表</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/dzlw.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>冠名礼物</p>
                            <p>×1件</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪专属勋章</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shtxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪头像框</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/shzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪主页飘</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwzyp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神豪座驾</p>
                            <p>×60天</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Iwatch6.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果6手表</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛期间根据用户送出音浪数量进行排名</p>
                    <p>2.若出现最终排行则按照达成时间先后排名</p>
                    <p>3.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>4.排行每5分钟刷新一次,请及时查看</p>
                    <p>5.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>6.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_5" class="slide_show slide_5">
            <div class="activity_title position_title_slide_1">神雕侠侣</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxltxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣头像框</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣气泡</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/qlsb.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>情侣对表</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxltxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣气泡</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/qlsl.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>情侣对项链</p>
                            <p>×1件</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣勋章</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxltxk.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣头像框</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/sdxlqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>神雕侠侣气泡</p>
                            <p>×60天</p>
                        </div>
                    </div>

                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.活动期间根据亲密关系的亲密值增长进行排行</p>
                    <p>2.若出现最终排行则按照达成时间先后排名</p>
                    <p>3.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>4.排行每5分钟刷新一次,请及时查看</p>
                    <p>5.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>6.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_6" class="slide_show slide_6">
            <div class="activity_title position_title_slide_1">聚贤庄庄主</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主勋章</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzztx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主头饰</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主气泡</p>
                            <p>×180天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/cylh1.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>茶叶礼盒</p>
                            <p>×1件</p>
                        </div>
                    </div>
                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主勋章</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzztx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主头像框</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主气泡</p>
                            <p>×90天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/cylh2.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>茶叶礼盒</p>
                            <p>×1件</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主勋章</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzztx.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主头像框</p>
                            <p>×60天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/jxzzzqp.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>聚贤庄庄主气泡</p>
                            <p>×60天</p>
                        </div>
                    </div>

                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛期间根据主播被已认证用户关注的好友量进行排行</p>
                    <p>2.同一个公会最多可选择三个有效排行领取奖励</p>
                    <p>3.若出现最终排行相同好友量则按照达成时间先后排名</p>
                    <p>4.若发现恶意刷好友现象，多次警告无效取消排行资格</p>
                    <p>5.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>6.排行每5分钟刷新一次,请及时查看</p>
                    <p>7.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>8.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div id="slide_7" class="slide_show slide_7">
            <div class="activity_title position_title_slide_1">红人工会</div>
            <div class="rank_show_box">
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第一名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrwcxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人皇朝勋章</p>
                            <p>×180天/10枚</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/ylzy.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>引流资源</p>
                            <p>×10天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×1000000钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/dzhjh.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>定制房间号</p>
                            <p>×1个</p>
                        </div>
                    </div>

                    <!--<div class="slide_1_first_list_box">-->
                        <!--<div class="slide_1_first_list_img_box">-->
                            <!--<img src="./image/award/gbzyme.png">-->
                        <!--</div>-->
                        <!--<div class="slide_1_first_list_name">-->
                            <!--<p>贵宾赠与名额</p>-->
                            <!--<p>×8次</p>-->
                        <!--</div>-->
                    <!--</div>-->

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/iphone12.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>苹果12</p>
                            <p>×1件</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Ipad.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>Ipad</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×100个</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第二名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrfwxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人藩王勋章</p>
                            <p>×90天/5枚</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/ylzy.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>引流资源</p>
                            <p>×5天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×500000钻</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/dzhjh.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>定制房间号</p>
                            <p>×1个</p>
                        </div>
                    </div>

                    <!--<div class="slide_1_first_list_box">-->
                        <!--<div class="slide_1_first_list_img_box">-->
                            <!--<img src="./image/award/gbzyme.png">-->
                        <!--</div>-->
                        <!--<div class="slide_1_first_list_name">-->
                            <!--<p>贵宾赠与名额</p>-->
                            <!--<p>×5次</p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/Ipad.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>Ipad</p>
                            <p>×1件</p>
                        </div>
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×60个</p>
                        </div>
                    </div>

                </div>
                <div style="width: 100%;height: 0.3rem"></div>
                <div class="slide_1_first">
                    <div class="slide_1_first_title">
                        第三名
                    </div>
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/hrzzxz.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>红人镇长勋章</p>
                            <p>×60天/5枚</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/ylzy.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>引流资源</p>
                            <p>×3天</p>
                        </div>
                    </div>

                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zs.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>钻石奖励</p>
                            <p>×300000钻</p>
                        </div>
                    </div>
                    <!--<div class="slide_1_first_list_box">-->
                        <!--<div class="slide_1_first_list_img_box">-->
                            <!--<img src="./image/award/gbzyme.png">-->
                        <!--</div>-->
                        <!--<div class="slide_1_first_list_name">-->
                            <!--<p>贵宾赠与名额</p>-->
                            <!--<p>×3次</p>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="slide_1_first_list_box">
                        <div class="slide_1_first_list_img_box">
                            <img src="./image/award/zdc.png">
                        </div>
                        <div class="slide_1_first_list_name">
                            <p>紫蛋锤</p>
                            <p>×20个</p>
                        </div>
                    </div>

                </div>
                <div class="activity_award_box_bottom"
                     style="width: 7.23rem;vertical-align: middle;margin-top:-0.1rem;"></div>
            </div>
            <div style="width: 100%;height: 0.4rem"></div>
            <div class="activity_title position_title_slide_1">活动规则</div>
            <div class="rank_show_box">
                <div class="rank_show_box_rule">
                    <p>1.比赛共四个阶段,N进12/12进8/8进4/决赛</p>
                    <p>2.根据比赛期间公会旗下厅内收到的音浪总数进行排名</p>
                    <p>3.按房间收到音浪排行</p>
                    <p>4.每轮比赛结束后休整一天进入下一个阶段,下一个阶段开始后前一阶段累计获得音浪消减80%,且休整期获得音浪不计入排名,请谨慎送出;</p>
                    <p>5.该奖励不包含在排行奖励领取限制内</p>
                    <p>6.若出现最终排行相同音浪则按照达成时间先后排名</p>
                    <p>7.排行前50发放安慰奖,再接再厉勋章10天,若多次获得安慰奖则勋章使用时长累计增加</p>
                    <p>8.排行每5分钟刷新一次,请及时查看/p>
                    <p>9.奖励将于活动结束后3个工作日内发放,因疫情原因部分奖励可能延后发放</p>
                    <p>10.活动最终解释权归声撩所有</p>
                </div>
            </div>
        </div>
        <div style="width: 100%;height: 0.36rem"></div>
    </div>
</div>
<div class="toTop">
    <img src="image/toTop.png">
</div>
<div class="rule_detail_shade"></div>
<div class="show_top_tab_box">
    <ul>
        <li id="topTab_1" class="tab_li">红人王</li>
        <li id="topTab_2" class="tab_li">优秀主播</li>
        <li id="topTab_4" class="tab_li">窝神</li>
        <li id="topTab_6" class="tab_li">神豪</li>
        <li id="topTab_7" class="tab_li">神雕侠侣</li>
        <li id="topTab_8" class="tab_li">聚贤庄庄主</li>
        <li id="topTab_10" class="tab_li">红人公会</li>
    </ul>
</div>

<div class="alert_style_box">
    <div class="alert_box">
        <p class="alert_box_text"></p>
    </div>
    <div class="alert_close_button">确定</div>
    <hr class="alert_box_line">
</div>

<script src="./js/swiper-3.4.2.min.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/event-util.js"></script>
<script src="./js/tool.js"></script>
<!--<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>-->
<!--<script type="text/javascript">-->
<!--// 初始化-->
<!--var vConsole = new VConsole();-->
<!--console.log('Hello world');-->
<!--</script>-->

<script>
    $(function () {
        window.alert = function (name) {

            const iframe = document.createElement('IFRAME');

            iframe.style.display = 'none';

            iframe.setAttribute('src', 'data:text/plain,');

            document.documentElement.appendChild(iframe);

            window.frames[0].window.alert(name);

            iframe.parentNode.removeChild(iframe);
        }
        getList();
    });

    var hiddenProperty = 'hidden' in document ? 'hidden' :
        'webkitHidden' in document ? 'webkitHidden' :
            'mozHidden' in document ? 'mozHidden' :
                null;
    var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
    var onVisibilityChange = function () {
        if (!document[hiddenProperty]) {
            getList();
        } else {
            getList();
        }
    }
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);

    var user_id = parseInt(kk.$_GET['user_id']);
    // var user_id = 155;
    var limit = 10;
    var rank_page_box_1_page_index = 0;
    var rank_page_box_2_page_index = 0;
    var rank_page_box_3_page_index = 0;
    var rank_page_box_4_page_index = 0;
    var rank_page_box_5_page_index = 0;
    var rank_page_box_6_page_index = 0;
    var rank_page_box_7_page_index = 0;
    var rank_page_box_8_page_index = 0;
    var rank_page_box_9_page_index = 0;
    var rank_page_box_10_page_index = 0;

    var swiper = new Swiper('.swiper-container', {
        width: 100,
        slidesPerView: 3,
        paginationClickable: true,
        spaceBetween: 30,
        slideToClickedSlide: true,
        // loop: true,
        // hashNavigation: true,
        freeMode: true,
        freeModeMomentumRatio: 1
    });

    $('.swiper-slide').click(function () {
        for (var i = 0; i < swiper.slides.length; i++) {
            swiper.slides[i].style.backgroundColor = '#261B52';
            swiper.slides[i].style.color = '#C4A8D1';
        }
        swiper.clickedSlide.style.backgroundColor = '#331257';
        swiper.clickedSlide.style.color = '#D262ED';
        var num = parseInt(swiper.clickedIndex + 1);
        $("#slide_" + num).show();
        $("#slide_" + num).siblings('.slide_show').hide();
    })

    function dealSwiper() {

    }

    $('.tab_li').click(function () {
        close(1);
        $('.position_show_tab').removeClass('active');
        $('#tab_1').addClass('active');
        $('.rank_main_show').show();
        $('.rank_award_show').hide();
        var str = this.id;
        var tab_num = parseInt(str.split('_')[1]);
        location.href = "#box_" + tab_num;
    });

    $('.toTop').click(function () {
        $('html,body').animate({scrollTop: 0}, 700);
    });

    $(".more").click(function () {
        $('.position_show_tab').removeClass('active');
        $('#tab_4').addClass('active');
        $('.rank_main_show').hide();
        $('.rank_award_show').show();
        swiper = new Swiper('.swiper-container', {
            slidesPerView: 3,
            paginationClickable: true,
            spaceBetween: 30,
            slideToClickedSlide: true,
            // loop: true,
            hashNavigation: true,
            freeMode: true
        });

        var go_height = $(window).height() / 2;
        $('html,body').animate({scrollTop: go_height}, 700);
    });

    var min_height = 600;

    $(window).scroll(function () {
        //获取窗口的滚动条的垂直位置
        var s = $(window).scrollTop();
        //当窗口的滚动条的垂直位置大于页面的最小高度时，让返回顶部元素渐现，否则渐隐
        if (s > min_height) {
            $("#totop").fadeIn(100);
        } else {
            $("#toTop").fadeOut(200);
        }
        ;
    });
    // 判断页面是否到了需要显示图片的位置并赋值
    // function loadlazy(){
    //     var itv = setTimeout(function(){
    //         var winHeight = $(window).height();
    //         var scrolltop = $(window).scrollTop();
    //         $('img').each(function(){
    //             var oTop = $(this).offset().top;
    //             if((oTop-scrolltop) >= 0 && (oTop-scrolltop)<winHeight){
    //                 var src = $(this).attr("data_src");
    //                 $(this).attr("src",src);
    //             }
    //         })
    //     },100);
    // }
    //
    // // 页面滚动加载
    // $(window).scroll(function() {
    //     loadlazy();
    // });


    function onclick(it) {
        console.log(it);
    }

    $('.rule_detail_shade').click(function () {
        close(1);
    });

    function close(no_reload = 0) {
        $('.rule_detail_shade').hide();
        $('.show_top_tab_box').hide();
        $('.alert_style_box').hide();
        if (!no_reload) {
            window.location.reload();
        }
    }


    $('.top_tab_button').click(function () {
        $('.rule_detail_shade').show();
        $('.show_top_tab_box').show();
    });

    $('.award_button_box').click(function () {
        $('.rule_detail_shade').show();
        $('.award_list_box').show();

    });

    $('.position_show_tab').click(function () {
        console.log(this.id)
        var str = this.id;
        $('.position_show_tab').removeClass('active');
        $('#' + this.id).addClass('active');
        console.log(str.split('_'));
        if (str.split('_')[1] > 3) {
            $('.rank_main_show').hide();
            $('.rank_award_show').show();
            swiper = new Swiper('.swiper-container', {
                slidesPerView: 3,
                paginationClickable: true,
                spaceBetween: 30,
                slideToClickedSlide: true,
                // loop: true,
                hashNavigation: true,
                freeMode: true
            });
        } else {
            $('.rank_main_show').show();
            $('.rank_award_show').hide();
            if (str.split('_')[1] == 2) {
                location.href = "#box_4";
            }
            if (str.split('_')[1] == 3) {
                location.href = "#box_10";
            }
        }
    });

    function topTower(count, mark, data) {
        switch (count) {
            case 1:
                $('.' + mark).find('.rank_top_first').find('.rank_top_image').find('img').attr("src", data[0]['images'][0]);
                $('.' + mark).find('.rank_top_first').find('.rank_top_name').text(data[0]['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['score']);
                break;
            case 2:
                $('.' + mark).find('.rank_top_first').find('.rank_top_image').find('img').attr("src", data[0]['images'][0]);
                $('.' + mark).find('.rank_top_first').find('.rank_top_name').text(data[0]['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['score']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_image').find('img').attr("src", data[1]['images'][0]);
                $('.' + mark).find('.rank_top_second').find('.rank_top_name').text(data[1]['nickname']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_score').text(data[1]['score']);
                break;
            default:
                $('.' + mark).find('.rank_top_first').find('.rank_top_image').find('img').attr("src", data[0]['images'][0]);
                $('.' + mark).find('.rank_top_first').find('.rank_top_name').text(data[0]['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['score']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_image').find('img').attr("src", data[1]['images'][0]);
                $('.' + mark).find('.rank_top_second').find('.rank_top_name').text(data[1]['nickname']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_score').text(data[1]['score']);
                $('.' + mark).find('.rank_top_three').find('.rank_top_image').find('img').attr("src", data[2]['images'][0]);
                $('.' + mark).find('.rank_top_three').find('.rank_top_name').text(data[2]['nickname']);
                $('.' + mark).find('.rank_top_three').find('.rank_top_score').text(data[2]['score']);
                break;
        }
    }

    function intimacyTopTower(count, mark, data) {
        console.log();
        switch (count) {
            case 1:
                $('.' + mark).find('.rank_top_first').find('.send_user_img').attr("src", data[0]['to_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.from_user_img').attr("src", data[0]['from_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.send_user_name').text(data[0]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.to_user_name').text(data[0]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['total_intimate']);
                break;
            case 2:
                $('.' + mark).find('.rank_top_first').find('.send_user_img').attr("src", data[0]['to_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.from_user_img').attr("src", data[0]['from_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.send_user_name').text(data[0]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.to_user_name').text(data[0]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['from_user']['score']);
                $('.' + mark).find('.rank_top_second').find('.send_user_img').attr("src", data[1]['to_user']['image']);
                $('.' + mark).find('.rank_top_second').find('.from_user_img').attr("src", data[1]['from_user']['image']);
                $('.' + mark).find('.rank_top_second').find('.send_user_name').text(data[1]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_second').find('.to_user_name').text(data[1]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_score').text(data[1]['score']);
                break;
            default:
                $('.' + mark).find('.rank_top_first').find('.send_user_img').attr("src", data[0]['to_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.from_user_img').attr("src", data[0]['from_user']['image']);
                $('.' + mark).find('.rank_top_first').find('.send_user_name').text(data[0]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.to_user_name').text(data[0]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_first').find('.rank_top_score').text(data[0]['total_intimate']);

                $('.' + mark).find('.rank_top_second').find('.send_user_img').attr("src", data[1]['to_user']['image']);
                $('.' + mark).find('.rank_top_second').find('.from_user_img').attr("src", data[1]['from_user']['image']);
                $('.' + mark).find('.rank_top_second').find('.send_user_name').text(data[1]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_second').find('.to_user_name').text(data[1]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_second').find('.rank_top_score').text(data[1]['total_intimate']);

                $('.' + mark).find('.rank_top_three').find('.send_user_img').attr("src", data[2]['to_user']['image']);
                $('.' + mark).find('.rank_top_three').find('.from_user_img').attr("src", data[2]['from_user']['image']);
                $('.' + mark).find('.rank_top_three').find('.send_user_name').text(data[2]['from_user']['nickname']);
                $('.' + mark).find('.rank_top_three').find('.to_user_name').text(data[2]['to_user']['nickname']);
                $('.' + mark).find('.rank_top_three').find('.rank_top_score').text(data[2]['total_intimate']);
                break;
        }
    }

    function getMyInfo(mark, data) {
        $('.' + mark).find('.my_rank_list_text').find('.my_user_info_img').attr("src", data['my_rank_data']['images'][0]);
        console.log(data['my_rank_data']);
        if (data['my_rank_data']['rank_level'] > 0) {
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_level').text('排名：' + data['my_rank_data']['rank_level']);
        }
        $('.' + mark).find('.my_rank_list_text').find('.my_user_info_score').text(data['my_rank_data']['score']);
    }

    function CheckIsNullOrEmpty(value) {
        //正则表达式用于判斷字符串是否全部由空格或换行符组成
        var reg = /^\s*$/
        //返回值为true表示不是空字符串
        return (value != null && value != undefined && !reg.test(value))
    }

    function getMyFamilyInfo(mark, data) {
        console.log(CheckIsNullOrEmpty(data.family_user_show_list));
        console.log(data.family_user_show_list);
        if (CheckIsNullOrEmpty(data['family_user_show_list'])) {
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_img').attr("src", data['family_user_show_list']['images'][0]);
            console.log(data['family_user_show_list']);
            if (data['family_user_show_list']['rank_level'] > 0) {
                $('.' + mark).find('.my_rank_list_text').find('.my_user_info_level').text('排名：' + data['family_user_show_list']['rank_level']);
            }
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_score').text(data['family_user_show_list']['score']);
        } else {
            $('.' + mark).find('.my_rank_list_text').find('.my_user_rang_img').attr("src", "");
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_level').text('您暂未加入公会');
        }
    }

    function getMyIntimacyInfo(mark, data) {
        console.log(mark);
        console.log(data.from_user.image);
        if (data.to_user.image) {
            $('.' + mark).find('.my_rank_list_text').find('.my_intimacy_user_send_img').attr("src", data.to_user.image);
        }
        if (data.from_user.image) {
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_img').attr("src", data.from_user.image);
        }
        // if (data.from_user == user_id) {
        //     $('.' + mark).find('.my_rank_list_text').find('.my_user_info_img').attr("src", data.from_user.image);
        // }
        if (data.ranking_index > 0) {
            $('.' + mark).find('.my_rank_list_text').find('.my_user_info_level').text('排名：' + data.ranking_index);
        }
        $('.' + mark).find('.my_rank_list_text').find('.my_user_info_score').text(data.total_intimate);
    }

    function getRankList(mark, data, towerOffset) {
        console.log(mark);
        console.log(data);
        var html = '';
        var advanced_mark = '';
        $.each(data, function (index, item) {
            if (index >= towerOffset) {
                if (item['is_advanced'] > 0) {
                    advanced_mark = 'image/advanced/' + item['is_advanced'] + '.png';
                }
                html += '<div class="rank_list_text_box">\n' +
                    '                        <div class="rank_text_list rank_title_head_id">\n' +
                    '                            ' + item.rank_level + '\n' +
                    '                        </div>\n' +
                    '<div class="rank_text_list rank_title_advanced_mark"><img src="' + advanced_mark + '"></div>' +
                    '                        <div class="rank_text_list rank_title_head_name">\n' +
                    '                            <div class="list_line_img">\n' +
                    '                                <div style="display: flex;align-items: center;overflow: hidden; height: 1.09rem;width: 1.09rem;border-radius: 0.6rem;">\n' +
                    '                                    <img class="user_info_img" src="' + item.images[0] + '">\n' +
                    '                                    <img class="user_rang_img" \n' +
                    '                                         src="image/user_rang.png">\n' +
                    '                                </div>\n' +
                    '                                <div class="list_line_info"><p>' + item.nickname + '</p></div>\n' +
                    '                            </div>\n' +
                    '                        </div>\n' +
                    '                        <div class="rank_text_list rank_title_head_sound_type">\n' +
                    '                            ' + item.score + '\n' +
                    '                        </div>\n' +
                    '                    </div>';
            }
        });
        $('.' + mark).find('.rank_list_text').html(html);
    }

    function getIntimacyRankList(mark, data, towerOffset) {
        console.log(mark)
        var html = '';
        var advanced_mark = '';
        // var level_base = rank_page_box_7_page_index * limit
        $.each(data, function (index, item) {
            console.log(item);
            if (index >= towerOffset) {
                // if(item['is_advanced']>0){
                //     advanced_mark = 'image/advanced/'+item['is_advanced']+'.png';
                // }
                html += '<div class="rank_list_text_box">\n' +
                    '                        <div class="rank_text_list rank_title_head_id">\n' +
                    '                            ' + item.ranking_index + '\n' +
                    '                        </div>\n' +
                    '                        <div class="rank_text_list rank_title_head_name intimacy_title_head_name">\n' +
                    '                            <div class="list_line_img">\n' +
                    '                                <div class="intimacy_rank_img_box">\n ' +
                    '<div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position:absolute;left:2.12rem;width: 1.09rem;height: 1.09rem;">\n' +
                    '                                    <img class="user_info_img intimacy_rank_send_user" src="' + item.to_user.image + '">\n' +
                    '                                    <img class="user_rang_img intimacy_rank_send_user" src="image/user_rang.png"></div>\n' +
                    '<div style="display: flex;align-items: center;overflow: hidden;border-radius: 0.6rem;position:absolute;width: 1.09rem;height: 1.09rem;">\n' +
                    '                                    <img class="user_info_img intimacy_rank_from_user" src="' + item.from_user.image + '">\n' +
                    '                                    <img class="user_rang_img intimacy_rank_from_user" src="image/user_rang.png"></div>\n' +
                    '                                </div>\n' +
                    '                                <div class="list_line_info"><p>' + item.from_user.nickname + '</p><p style="display: inline-block;width: 0.4rem;font-size: 0.24rem;color: #F616FC;text-align: left;line-height: 0.4rem;">与</p><p>' + item.to_user.nickname + '</p></div>\n' +
                    '                            </div>\n' +
                    '                        </div>\n' +
                    '                        <div class="rank_text_list rank_title_head_sound_type">\n' +
                    '                            ' + item.total_intimate + '\n' +
                    '                        </div>\n' +
                    '                    </div>';
            }
        });
        $('.' + mark).find('.rank_list_text').html(html);
    }

    function getPageList(mark, totalPage, prevShow, nextShow) {
        console.log(prevShow);
        var html = '<div class="last_page page_background" onclick="prevClick(\'' + mark + '\')"><</div>';
        if (!prevShow) {
            html = '';
        }
        for (var page_i = 1; page_i <= totalPage; page_i++) {
            html += '<div class="page_number page_background" onclick="clickPage(\'' + mark + '\',' + page_i + ')">' + page_i + '</div>\n';
        }
        if (nextShow) {
            html += '<div class="next_page page_background" onclick="nextClick(\'' + mark + '\')">></div>';
        }
        $('.' + mark).html(html);
    }

    function clickPage(mark, value) {
        var strArr = mark.split('_');
        setNowPage(strArr[3], value - 1,);
    }

    function setNowPage(mark, value) {
        switch (parseInt(mark)) {
            case 1:
                rank_page_box_1_page_index = value;
                getPersonalTypeList(user_id, 4, rank_page_box_1_page_index, limit, mark);
                break;
            case 2:
                rank_page_box_2_page_index = value;
                getPersonalTypeList(user_id, 1, rank_page_box_2_page_index, limit, mark);
                break;
            case 3:
                rank_page_box_3_page_index = value;
                break;
            case 4:
                rank_page_box_4_page_index = value;
                getSmallHouseList(user_id, rank_page_box_4_page_index, limit, mark);
                break;
            case 5:
                rank_page_box_5_page_index = value;
                break;
            case 6:
                rank_page_box_6_page_index = value;
                getDiamondList(user_id, parseInt(value), limit, mark);
                break;
            case 7:
                rank_page_box_7_page_index = value;
                getIntimacyList(user_id, parseInt(value), limit, mark)
                break;
            case 8:
                rank_page_box_8_page_index = value;
                getFriendList(user_id, parseInt(value), limit, mark);
                break;
            case 9:
                rank_page_box_9_page_index = value;
                break;
            case 10:
                rank_page_box_10_page_index = value;
                getFamilyList(user_id, parseInt(value), limit, mark);
                break;
        }
    }

    function prevClick(mark) {
        var strArr = mark.split('_');
        var value = getPageIndex(strArr[3]);
        setNowPage(strArr[3], value - 1);
    }

    function nextClick(mark) {
        var strArr = mark.split('_');
        var value = getPageIndex(strArr[3]);
        setNowPage(strArr[3], value + 1);
    }

    function getPageIndex(mark) {
        var pageIndex = 0;
        switch (parseInt(mark)) {
            case 1:
                pageIndex = rank_page_box_1_page_index;
                break;
            case 2:
                pageIndex = rank_page_box_2_page_index;
                break;
            case 3:
                pageIndex = rank_page_box_3_page_index;
                break;
            case 4:
                pageIndex = rank_page_box_4_page_index;
                break;
            case 5:
                pageIndex = rank_page_box_5_page_index;
                break;
            case 6:
                pageIndex = rank_page_box_6_page_index;
                break;
            case 7:
                pageIndex = rank_page_box_7_page_index;
                break;
            case 8:
                pageIndex = rank_page_box_8_page_index;
                break;
            case 9:
                pageIndex = rank_page_box_9_page_index;
                break;
            case 10:
                pageIndex = rank_page_box_10_page_index;
                break;
        }
        return pageIndex
    }


    function getFriendList(user_id, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/friends/get_rank', {
            user_id: user_id,
            page: page,
            limit: limit
        }, function (error, result) {
            console.log(result)
            if (result.code == 0) {
                if (result.data.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        topTower(result.data.total_count, 'rank_box_' + mark_id, result.data.rank_list);
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.total_count > 3) {
                        getRankList('rank_box_' + mark_id, result.data.rank_list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyInfo('rank_box_' + mark_id, result.data);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getDiamondList(user_id, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/diamond/get_rank', {
            user_id: user_id,
            page: page,
            limit: limit
        }, function (error, result) {
            if (result.code == 0) {
                if (result.data.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        topTower(result.data.total_count, 'rank_box_' + mark_id, result.data.rank_list);
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.total_count > 3) {
                        getRankList('rank_box_' + mark_id, result.data.rank_list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyInfo('rank_box_' + mark_id, result.data);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getPersonalTypeList(user_id, type, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/personal/list', {
            user_id: user_id,
            page: page,
            limit: limit,
            type: type
        }, function (error, result) {
            if (result.code == 0) {
                if (result.data.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        topTower(result.data.total_count, 'rank_box_' + mark_id, result.data.rank_list);
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.total_count > 3) {
                        getRankList('rank_box_' + mark_id, result.data.rank_list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyInfo('rank_box_' + mark_id, result.data);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getSmallHouseList(user_id, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/small_house/list', {
            user_id: user_id,
            page: page,
            limit: limit,
        }, function (error, result) {
            if (result.code == 0) {
                if (result.data.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        topTower(result.data.total_count, 'rank_box_' + mark_id, result.data.rank_list);
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.total_count > 3) {
                        getRankList('rank_box_' + mark_id, result.data.rank_list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyInfo('rank_box_' + mark_id, result.data);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getIntimacyList(user_id, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/intimacy/get_rank', {
            user_id: user_id,
            page: page,
            limit: limit,
        }, function (error, result) {
            console.log(result);
            if (result.code == 0) {
                if (result.data.list.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        intimacyTopTower(result.data.list.total_count, 'rank_box_' + mark_id, result.data.list.list);
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.list.total_count > 3) {
                        getIntimacyRankList('rank_box_' + mark_id, result.data.list.list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.list.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyIntimacyInfo('rank_box_' + mark_id, result.data.curr);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getFamilyList(user_id, page, limit, mark_id) {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/family/list', {
            user_id: user_id,
            page: page,
            limit: limit,
        }, function (error, result) {
            console.log(result);
            if (result.code == 0) {
                if (result.data.total_count > 0) {
                    var towerOffset = 0;
                    var prevShow = 1;
                    var nextShow = 1;
                    if (page == 0) {
                        if (result.data.total_count > 0) {
                            $(".union_top_one").show();
                            $('.union_top_one').find('.union_top_name').text(result.data.rank_list[0]['nickname']);
                            $('.union_top_one').find('.union_top_score').text(result.data.rank_list[0]['score']);
                            var userListHtml = '';
                            $.each(result.data.rank_list[0]['user_data_list'], function (index, item) {
                                userListHtml += '<div class="union_top_user_list_box">\n' +
                                    '                                <div class="list_line_img" style="width: 3.22rem;">\n' +
                                    '                                    <div style="display: flex;align-items: center;overflow: hidden; height: 1.14rem;width: 1.14rem;border-radius: 0.6rem;position: absolute;">\n' +
                                    '                                        <img class="union_user_info_img" src="' + item.image + '">\n' +
                                    '                                        <img class="union_user_rang_img"\n' +
                                    '                                             src="image/user_rang.png">\n' +
                                    '                                    </div>\n' +
                                    '                                    <div class="list_line_info" style="padding-left: 1.3rem;width: 1.85rem;"><p>\n' +
                                    '                                        ' + item.name + '</p></div>\n' +
                                    '                                </div>\n' +
                                    '                            </div>';
                            })
                            $('.union_top_one').find('.union_top_user_list').html(userListHtml);
                        }

                        if (result.data.total_count > 1) {
                            $(".union_top_two").show();
                            $('.union_top_two').find('.union_top_name').text(result.data.rank_list[1]['nickname']);
                            $('.union_top_two').find('.union_top_score').text(result.data.rank_list[1]['score']);
                            var userTwoListHtml = '';
                            $.each(result.data.rank_list[1]['user_data_list'], function (index, item) {
                                userTwoListHtml += '<div class="union_top_user_list_box">\n' +
                                    '                                <div class="list_line_img" style="width: 3.22rem;">\n' +
                                    '                                    <div style="display: flex;align-items: center;overflow: hidden; height: 1.14rem;width: 1.14rem;border-radius: 0.6rem;position: absolute;">\n' +
                                    '                                        <img class="union_user_info_img" src="' + item.image + '">\n' +
                                    '                                        <img class="union_user_rang_img"\n' +
                                    '                                             src="image/user_rang.png">\n' +
                                    '                                    </div>\n' +
                                    '                                    <div class="list_line_info" style="padding-left: 1.3rem;width: 1.85rem;"><p>\n' +
                                    '                                        ' + item.name + '</p></div>\n' +
                                    '                                </div>\n' +
                                    '                            </div>';
                            })
                            $('.union_top_two').find('.union_top_user_list').html(userTwoListHtml);
                        }

                        if (result.data.total_count > 2) {
                            $(".union_top_third").show();
                            $('.union_top_third').find('.union_top_name').text(result.data.rank_list[2]['nickname']);
                            $('.union_top_third').find('.union_top_score').text(result.data.rank_list[2]['score']);
                            var userListHtml = '';
                            $.each(result.data.rank_list[2]['user_data_list'], function (index, item) {
                                userListHtml += '<div class="union_top_user_list_box">\n' +
                                    '                                <div class="list_line_img" style="width: 3.22rem;">\n' +
                                    '                                    <div style="display: flex;align-items: center;overflow: hidden; height: 1.14rem;width: 1.14rem;border-radius: 0.6rem;position: absolute;">\n' +
                                    '                                        <img class="union_user_info_img" src="' + item.image + '">\n' +
                                    '                                        <img class="union_user_rang_img"\n' +
                                    '                                             src="image/user_rang.png">\n' +
                                    '                                    </div>\n' +
                                    '                                    <div class="list_line_info" style="padding-left: 1.3rem;width: 1.85rem;"><p>\n' +
                                    '                                        ' + item.name + '</p></div>\n' +
                                    '                                </div>\n' +
                                    '                            </div>';
                            })
                            $('.union_top_third').find('.union_top_user_list').html(userListHtml);
                        }
                        towerOffset = 3;
                        prevShow = 0;
                    }
                    if (result.data.total_count > 3) {
                        getRankList('rank_box_' + mark_id, result.data.rank_list, towerOffset);
                    }
                    var totalPage = Math.ceil(result.data.total_count / limit);
                    if (totalPage > 5) {
                        totalPage = 5;
                    }
                    if (page == totalPage - 1) {
                        nextShow = 0;
                    }
                    if (totalPage > 1) {
                        getPageList('rank_page_box_' + mark_id, totalPage, prevShow, nextShow);
                        $('.rank_page_box_' + mark_id).find('div:eq(' + parseInt(page + prevShow) + ')').addClass('page_active');
                    }
                }
                getMyFamilyInfo('rank_box_' + mark_id, result.data);
            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getTimeStep() {
        EventUtil.requestAjax('GET', baseApiUrl + '/sound_byte/rank/time_step', {}, function (error, result) {
            if (result.code == 0) {
                if (result.data.step !== 'undefined') {
                    console.log($('.time_step_list_box').find('.time_step_' + result.data.step).html());
                    $('.time_step_list_box').find('.time_step_' + result.data.step).attr('style', 'color:#11E1E8');
                    $('.time_step_list_box').find('.time_step_' + result.data.step).find('.time_step_img').attr('style', 'background:url("./image/line_4.png") no-repeat center;background-size: 13%;');
                }

            } else {
                new_alert(result.msg, 2);
            }
        });
    }

    function getList() {
        getTimeStep();
        getFriendList(user_id, rank_page_box_8_page_index, limit, 8);
        getSmallHouseList(user_id, rank_page_box_4_page_index, limit, 4);
        getDiamondList(user_id, rank_page_box_6_page_index, limit, 6);
        getPersonalTypeList(user_id, 4, rank_page_box_1_page_index, limit, 1);
        getPersonalTypeList(user_id, 1, rank_page_box_2_page_index, limit, 2);
        getIntimacyList(user_id, rank_page_box_7_page_index, limit, 7);
        getFamilyList(user_id, rank_page_box_10_page_index, limit, 10);
    }

    function new_alert(text, is_special = 0) {
        $(".alert_box_text").text(text);
        $(".alert_style_box").show();
        $(".rule_detail_shade").show();
        if (is_special == 1) {
            $(".alert_close_button").addClass('special_alert_close');
        } else if (is_special == 2) {
            $(".alert_close_button").addClass('no_reload_alert_close');
        }
    }

    $('.alert_close_button').click(function () {
        console.log($('.alert_close_button').hasClass('special_alert_close'));
        if ($('.alert_close_button').hasClass('special_alert_close')) {
            $('.alert_close_button').removeClass('special_alert_close');
            testApp();
        } else if ($('.alert_close_button').hasClass('no_reload_alert_close')) {
            close(1);
        } else {
            close();
        }
    });
</script>
</body>
</html>
